﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AgentShop.aspx.cs" Inherits="AgentShop" %>
<%@ Register Src="~/Commctrol/AgentHouseList.ascx" TagPrefix="ucl" TagName="AgentHouse" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .nTab {
	        background: #fff repeat-y left 50%; float: left; margin: 0px auto 2px; width: 100%; border-bottom: #aaccee 1px solid
        }
        .nTab .TabTitle {
	        clear: both; overflow: hidden; height: 30px;
        }
        .nTab .TabTitle ul { 
	        border-width:0px; padding:0px;0px 0px 0px; margin: 0px; 
        }
        .nTab .TabTitle li {
	        font-size:14px; float: left; width:80px; cursor: pointer; margin-right: 8px; list-style-type: none; text-align: center
        }
        .nTab .TabTitle .active {
	        border: #aaccee 1px solid; background-color: #0066cc; height: 30px;color: #fff;font-family: Arial;  padding:5px 0 0 2px;font-weight:bold;
        }
        .nTab .TabTitle .normal {
	        border: #aaccee 1px solid; background-color: #fff;  height: 30px;font-family: Arial;  padding:5px 0 0 2px;font-weight:bold;
        }
        .nTab .TabContent {
	       border-top: #aaccee 1px solid;  border-right: #aaccee 1px solid; padd:0px; margin: 0px auto; border-left: #aaccee 1px solid; width: auto;  height: auto; 
        }

</style>
<script type="text/javascript">
    function nTabs(thisObj,Num){
    if(thisObj.className == "active")return;
    var tabObj = thisObj.parentNode.id;
    var tablist = document.getElementById(tabObj).getElementsByTagName("li");
        for(i=0; i <tablist.length; i++)
        {
            if (i == Num)
            {
               thisObj.className = "active"; 
               document.getElementById(tabObj+"_Content"+i).style.display = "block";
            }
            else
            {
               tablist[i].className = "normal"; 
               document.getElementById(tabObj+"_Content"+i).style.display = "none";
            }
        } 
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div style="width:960px; margin:0px auto;">
     <div style="height:55px; width:100%; background-image:url(Image/ti.jpg); background-repeat:no-repeat;">
     </div>
     <div id="展示区" style="height:180px; background-color:#f4b367">
     </div>
     <div id="left" style="width:700px; height:800px; float:left; background-color:Blue">
     <ucl:AgentHouse runat="server"></ucl:AgentHouse>
     </div>
     <div id="right" style="width:260px; height:800px; float:right; background-color:Fuchsia">
     <div id="Agent" style="height:300px; background-color:Lime;">
     </div>
    </div>
    </form>
</body>
</html>
